@charset "utf-8";
@import 'reset';


.wrap{
    height: 177.8667vw;
    background-color:#EAEBEF ;
}

header{
    .index-top{
        width: 100vw;
        height: 11.2vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #FFFFFF;
        .title{
           width: 17.0667vw;
           height: 5.8667vw;
           p{
            font-size: 4.2667vw;
            font-weight: 400;
            line-height: 5.8667vw;
           }
        }
    }
    .index-main{
        height: 33.3333vw;
        background: url(../img/personal-hub/top_banner.png) ;     
        // min-height: 100%;
        background-size: cover;
        background-repeat:no-repeat;
        text-decoration: none;
        display: flex;
        flex-direction: column ;
        justify-content: center ;
        align-items: center;
        .slogan{
            width: 40vw;
            height: 5.3333vw;
            color:#FFF5F0;
            p{
                font-size: 3.7333vw;
                font-weight: 400;
                text-align: center;
            }
        }
        .register{
           width: 32vw;
           height: 9.3333vw;
           background-color: #FFF5F0;
           text-align: center;
           line-height: 9.3333vw;
           font-size: 3.7333vw;
           margin: 4.2667vw 0px 0px 0px;
           a{
            text-decoration: none;
            color: #333333;
           }
        }
        .order-main{
            width: 97vw;
            height: 31.7333vw;

        }
    }
    .index-middle{
        // width: 100vw;
        height: 119.4667vw;
        background-color: #EAEBEF;
        // 我的订单
        .order-main{
            width: 97vw;
            height: 31.7333vw;
            border-radius: 5px;
            background-color:#FFFFFF ;
            margin: 1.3333vw auto ;
            .order{
                width: 89vw;
                height: 12.2667vw;
                display: flex;
                justify-content: space-between;
                border-bottom: .2667vw solid #e4e4e4;
                margin-left: 4vw;
                .my-order{
                    width: 14.9333vw;
                    height: 12.2667vw;
                    font-size: 3.7333vw;
                    font-weight: 400;
                    line-height: 12.2667vw;
                }
                a{
                    text-decoration: none;
                }
                .all-order{
                    width: 17.704vw;
                    height: 12.2667vw;
                    font-size: 3.7333vw;
                    font-weight: 400;
                    line-height: 12.2667vw;
                    color: black;
                }
            }
        // 我的订单选项
            .function{
                width: 97vw;
                height: 19.4667vw;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                align-items: center;
                .function-main{
                    width: 89vw;
                    height: 11.7333vw;
                    display: flex;
                    justify-content:space-around;
                    li{
                        width: 11.2vw;
                        height: 11.2vw;
                        // position:relative;
                        p{
                            font-size: 3.7333vw;
                            font-weight: 400;
                            // position:absolute;
                            // bottom: 0;
                            text-align: center;
                            line-height: 11.2vw;
                        }
                    }
                }
            }
        }
        // 设置部分
        .option{
            width: 97vw;
            height: 35.4667vw;
            background: #FFFFFF;
            border-radius: 5px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 1.3333vw auto ;
            .voucher{
                width: 89vw;
                height: 8.5333vw;
                border-bottom: .2667vw solid #e4e4e4;
            }
            .location{
                width: 89vw;
                height: 8.5333vw;
                border-bottom: .2667vw solid #e4e4e4;
            }
            .site{
                width: 89vw;
                height: 8.5333vw;
                border-bottom: .2667vw solid #e4e4e4;
            }
            p{
                font-size: 4.2667vw;
                font-weight: 400;
                padding-top: 2vw;
                padding-left: 8vw;
            };

        }
    }


}
// 尾部tabBar
footer{
    .shopping-bottom{
        overflow: hidden;
        width: 100vw;
        height: 13.704vw;
        background: #F6F6F6;
        position: fixed;
        bottom: 0;
        transform: translateY(.8vw);
        .tabBar{
            width: 78.6667vw;
            height: 13.704vw;
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            li{
               width: 9.6vw;
               height: 11.2vw; 
               margin: auto;
               img{
                width: 7.2vw;
                height: 7.2vw;
               }
               p{
                font-size: 3.2vw;
                font-weight: 400;
                text-align: 3.84vw;
               }
            }
        }
    }
}